<template>
  <div style="padding: 28px;">
    <div style="display: flex;justify-content: space-between;">
      <div
        style="width: 33%;height: 334px;background: #FFFFFF;padding: 20px 32px;"
      >
        <CenterType></CenterType>
      </div>

      <div
        style="width: 33%;height: 334px;background: #FFFFFF;padding: 20px 32px;"
      >
        <BusinessMode></BusinessMode>
      </div>
      <div
        style="width: 33%;height: 334px;background: #FFFFFF;padding: 20px 32px;"
      >
        <PersonnelDistribution></PersonnelDistribution>
      </div>
    </div>
    <div style="margin-top: 16px;display: flex;justify-content: space-between;">
      <div
        style="width: 33%;height: 391px;background: #FFFFFF;padding: 20px 32px;"
      >
        <div style="font-size: 16px;color: #1D2129;font-weight: 500;">
          举办活动/培训情况
        </div>
        <div
          style="width:100%;height: 155px;background: #F7F8FA;margin-top: 16px;padding-left: 12px;"
        >
          <div
            style="font-size: 12px;font-weight: 400;height: 32px;line-height: 32px;width: 100%;"
          >
            年均举办活动/培训次数
          </div>
          <div style="display: flex;height: 47px;">
            <img
              src="@/assets/img/Frame@2x (3).png"
              alt=""
              style="width: 44px;height: 44px;margin-top: 11px;"
            />
            <div style="margin-top: 11px;margin-left: 12px;">
              <div style="font-size: 24px;font-weight: 400;color: #0F0F0F;">
                34,201
              </div>
              <div style="font-size: 11px;font-weight: 400;">
                单位/人次
              </div>
            </div>
          </div>
        </div>
        <div
          style="width:100%;height: 155px;background: #F7F8FA;margin-top: 16px;padding-left: 12px;"
        >
          <div
            style="font-size: 12px;font-weight: 400;height: 32px;line-height: 32px;width: 100%;"
          >
            参加活动/培训的学生总量
          </div>
          <div style="display: flex;height: 47px;">
            <img
              src="@/assets/img/Frame@2x (3).png"
              alt=""
              style="width: 44px;height: 44px;margin-top: 11px;"
            />
            <div style="margin-top: 11px;margin-left: 12px;">
              <div style="font-size: 24px;font-weight: 400;color: #0F0F0F;">
                34,201
              </div>
              <div style="font-size: 11px;font-weight: 400;">
                单位/人次
              </div>
            </div>
          </div>
        </div>
      </div>

      <div style="width: 66.5%;height: 391px;background: #FFFFFF;">
        <CarryOutActivities></CarryOutActivities>
      </div>
    </div>
    <div style="margin-top: 16px;display: flex;justify-content: space-between;">
      <div style="width: 100%;height: 391px;background: #FFFFFF;">
        <HonorAward></HonorAward>
      </div>
    </div>
  </div>
</template>

<script>
// import CenterType from "./components/CenterType.vue";
// import BusinessMode from "./components/BusinessMode.vue";
// import PersonnelDistribution from "./components/PersonnelDistribution.vue";
// import CarryOutActivities from "./components/CarryOutActivities.vue";
// import HonorAward from "./components/HonorAward.vue";

export default {
  components: {
    // CenterType,
    // BusinessMode,
    // PersonnelDistribution,
    // CarryOutActivities,
    // HonorAward
  },
  data() {
    return {};
  },
  mounted() {},

  methods: {}
};
</script>

<style></style>
